.box {
  background-color: #fff;
}

.top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

h3,
input,
#search {
  margin-right: 20px;
}

input {
  height: 25px;
}

.center {
  display: flex;
  justify-content: space-between;
}

#reset {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}

button {
  width: 60px;
}

#add,
#out {
  height: 30px;
  margin-right: 20px;
}

#add:hover {
  background-color: #1E9FFF;
}

#out:hover {
  background-color: #FFB800
}

#zhedie,
#shuaxin,
#xiala {
  margin-left: 30px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
}

.page {
  display: flex;
  justify-content: end;
}